<html class="os_window" style="font-size: 12px;">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title>星期五学院-后台管理</title>
    <link rel="stylesheet" href="../../res/css/pace-theme-flash.css">
    <script src="../../res/js/lib/pace.min.js"></script>

    <link rel="shortcut icon" type="image/ico" href="../../res/images/favicon.ico">
    <link rel="stylesheet" href="../../res/js/lib/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../res/js/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../../res/js/lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../res/css/common.css">
    <link rel="stylesheet" href="../../res/css/detail.css">
</head>
<body>
<!--[if lte IE 8]>
<div id="IE8"></div>
<script>window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script>
<![endif]-->
<div class="content-block content-info">
    <div class="from-block">
        <form class="form-horizontal" role="form" id="detailForm" enctype ="multipart/form-data">
            <div class="row form-group">
                <div class="friday-100">
                    <div class="form-group line-item">
                        <label class="friday-33 control-label" for="title">课程名称<span class="must-tips">*</span></label>
                        <div class="friday-33">
                            <input type="text" class="form-control" id="title" name="title" placeholder="请输入课程名称">
                            <input type="hidden" id="id" name="id" value="">
                            <input type="hidden" id="status" name="status" value="false">
                        </div>
                        <label class="friday-33 control-label error-tips" for="title"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                    </div>
                    <div class="form-group line-item">
                        <label class="friday-33 control-label" for="course_time">开课时间<span class="must-tips">*</span></label>
                        <div class="friday-33">
                            <div class="input-group">
                                <input type="text" class="form-control" id="course_time" name="course_time" placeholder="请选择开课时间">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></div>
                            </div>
                        </div>
                        <label class="friday-33 control-label error-tips" for="course_time"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                    </div>

                    <div class="form-group line-item">
                        <label class="friday-33 control-label">课程描述<span class="must-tips">*</span></label>
                        <div class="friday-33">
                            <textarea class="form-control" id="description" name="description" rows="4" placeholder="请输入课程描述"></textarea>
                        </div>
                        <label class="friday-33 control-label error-tips" for="description"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                    </div>
                    <div class="form-group cover_id line-item">
                        <label class="friday-33 control-label" for="cover_id">课程封面<span class="must-tips">*</span></label>
                        <div class="friday-33">
                            <input type="file" class="form-control" id="cover_id" name="cover_id" data-tip="点击这里上传课程封面" data-type="image" data-changetitle="更换封面">
                        </div>
                        <label class="friday-33 control-label error-tips" for="cover_id"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                        <label class="friday-33 control-label limit-tips" for="cover_id"><span class="glyphicon glyphicon-info-sign"></span><span class="text">限制格式 png，gif，jpg，jpeg，tiff</span></label>
                    </div>

                    <div class="form-group media_id line-item">
                        <label class="friday-33 control-label" for="media_id">课程多媒体</label>
                        <div class="friday-33">
                            <input type="file" class="form-control" id="media_id" name="media_id" data-tip="点击这里上传课程多媒体" data-type="audio" data-changetitle="更换多媒体">
                        </div>
                        <label class="friday-33 control-label error-tips" for="media_id"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                        <label class="friday-33 control-label limit-tips" for="cover_id"><span class="glyphicon glyphicon-info-sign"></span><span class="text">限制格式 mp4，3gpp，mpeg</span></label>
                    </div>

                    <div class="form-group chapter_info line-item">
                        <label class="friday-33 control-label" for="chapter_list">课程章节</label>
                        <div class="friday-33" id="chapter_list">
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab">
                                        <h4 class="panel-title">
                                            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#" aria-expanded="false">新增章节</a>
                                            <span class="glyphicon glyphicon-plus pull-right btn-add-chapter"></span>
                                        </h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">新增章节</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form" id="chapterForm">
                    <div class="row form-group">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <div class="form-group line-item">
                                <label class="col-xs-12 col-sm-4 col-md-3 col-lg-3 control-label" for="chapter_title">章节名称<span class="must-tips">*</span></label>
                                <div class="col-xs-12 col-sm-8 col-md-6 col-lg-6">
                                    <input type="text" class="form-control" name="title" placeholder="请输入章节名称">
                                    <input type="hidden" name="id" value="">
                                    <input type="hidden" name="course_id" value="">
                                </div>
                                <label class="col-xs-12 col-sm-12 col-md-3 col-lg-3 control-label error-tips" for="chapter_title"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                            </div>

                            <div class="form-group line-item">
                                <label class="col-xs-12 col-sm-4 col-md-3 col-lg-3 control-label">内容类型<span class="must-tips">*</span></label>
                                <div class="col-xs-12 col-sm-8 col-md-6 col-lg-6">
                                    <select class="form-control" name="chaptertype">
                                        <option value="audio">音频</option>
                                        <option value="video">视频</option>
                                    </select>
                                </div>
                                <label class="col-xs-12 col-sm-12 col-md-3 col-lg-3 control-label error-tips" for="chapter_content"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                            </div>

                            <div class="form-group cover_id line-item chapter_audio">
                                <label class="col-xs-12 col-sm-4 col-md-3 col-lg-3 control-label" for="audio_id">章节音频<span class="must-tips">*</span></label>
                                <div class="col-xs-12 col-sm-8 col-md-6 col-lg-6">
                                    <input type="file" class="form-control" name="audio_id"  data-tip="点击这里上传章节音频" data-type="audio" data-changetitle="更换章节音频">
                                </div>
                                <label class="col-xs-12 col-sm-12 col-md-3 col-lg-3 control-label error-tips" for="audio_id"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                            </div>
                            <div class="form-group cover_id line-item chapter_audio">
                                <label class="col-xs-12 col-sm-4 col-md-3 col-lg-3 control-label" for="img_id">章节图片<span class="must-tips">*</span></label>
                                <div class="col-xs-12 col-sm-8 col-md-6 col-lg-6">
                                    <input type="file" class="form-control" name="img_id"  data-tip="点击这里上传章节图片" data-type="image" data-changetitle="更换章节图片">
                                </div>
                                <label class="col-xs-12 col-sm-12 col-md-3 col-lg-3 control-label error-tips" for="img_id"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                            </div>


                            <div class="form-group cover_id line-item chapter_video">
                                <label class="col-xs-12 col-sm-4 col-md-3 col-lg-3 control-label" for="media_id">章节视频<span class="must-tips">*</span></label>
                                <div class="col-xs-12 col-sm-8 col-md-6 col-lg-6">
                                    <input type="file" class="form-control" name="media_id"  data-tip="点击这里上传章节章节视频" data-type="video" data-changetitle="更换章节视频">
                                </div>
                                <label class="col-xs-12 col-sm-12 col-md-3 col-lg-3 control-label error-tips" for="media_id"><span class="glyphicon glyphicon-remove-sign"></span><span class="text"></span></label>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary btn-add-chapter-modal">新增</button>
            </div>
        </div>
    </div>
</div>

<script>
    var _gl = window._gl || {};
    _gl._host_res = "../..";
</script>
<script src="../../res/js/lib/jquery-2.1.4.min.js"></script>
<script src="../../res/js/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../../res/js/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="../../res/js/lib/layer/layer.js"></script>
<script src="../../res/js/base.js"></script>
<script src="../../res/js/course/detail.js"></script>
</body>
</html>